<template>
  <view>
    <web-view :src="src" @message="getMessage" :update-title="false"></web-view>
  </view>
</template>



<script>
import { uploadUrl } from '@/common/setting.js';
export default {
  data() {
    return {
      src: '',
      privateUrl: 'assets/protocol/vipuser.html',
      policyUrl: 'assets/protocol/private.html'
    }
  },
  computed: {
    token() {
      return this.$store.state.login.token || ''
    },
    roles() {
      return this.$store.state.login.roles || ''
    },
    userInfo() {
      return this.$store.state.login.userInfo || ''
    }
  },
  onLoad(opt) {
    console.log(opt)
    if (opt.type === 'private') {
      this.src = uploadUrl + this.privateUrl
    } else if (opt.type === 'policy') {
      this.src = uploadUrl + this.policyUrl
    }
    //拼接所需参数
    // this.title = opt.title
    // this.src = opt.src
    //  + (opt.src.includes('?') ? '&' : '?')
    //  + (this.token.length>0 ? 'token=' + this.token : '')
    //  + (this.userInfo.phone.length>0 ?`&phone=${this.userInfo.phone}` :'' )
    //  + (this.userInfo.userId.length>0 ?`&userId=${this.userInfo.userId}` :'' )
    //  + (this.userInfo.username.length>0 ?`&username=${this.userInfo.username}` :'' )
    //  + (opt.data?`&data=${opt.data}` :'' )
    //  + (opt.cityid?`&cityid=${opt.cityid}` :'' )
  },
  onShow() {
    // #ifdef APP-PLUS
    设置webview显示时顶部丢失问题
    var height = 0; //定义动态的高度变量，如高度为定值，可以直接写
    uni.getSystemInfo({
      //成功获取的回调函数，返回值为系统信息
      success: (sysinfo) => {
        height = sysinfo.windowHeight -
          40; //自行修改，自己需要的高度 此处如底部有其他内容，可以直接---(-50)这种，如果不减，页面会下沉，看不到底部导航栏
      },
      complete: () => { }
    });
    var currentWebview = this.$scope.$getAppWebview(); //获取当前web-view
    setTimeout(function () {
      var wv = currentWebview.children()[0];
      wv.setStyle({ //设置web-view距离顶部的距离以及自己的高度，单位为px
        top: 40, //此处是距离顶部的高度，应该是你页面的头部
        height: height, //webview的高度
        scalable: false, //webview的页面是否可以缩放，双指放大缩小,
      })
    }, 500); //如页面初始化调用需要写延迟
    // #endif
  },
  methods: {
    customBack() {
      // 在Webview页面中调用uni.navigateBack()
      uni.navigateBack();
    },
    getMessage(event) {  //在H5端使用通信返回App端
      console.log(event, '0000000000000000000000000')
      if (event.detail.data[0].action == 'uni-app') {
        uni.navigateBack();
      }
    }

  },

}
</script>